import React, { FC } from 'react'
import { ItemLabelWrap } from './style'
import { IconAvatar } from '../../../../../../components'
import { LiveModel } from '@/api/manager/live/interface'

export const ItemLabel: FC<LiveModel> = (props) => {
	const { mcc, live } = props
	return (
		<ItemLabelWrap>
			<div className="avatar">
				<IconAvatar
					useAvatar={false}
					hasAvatar={false}
					isOnline={true}
					isManager={false}
					isPhone={mcc.isPhone}
					isMeeting={mcc.isSimpleCascade}
					isGuest={live.isGuest}
				/>
			</div>
			<div className="name" title={mcc.name}>
				<pre>{mcc.name}</pre>
			</div>
		</ItemLabelWrap>
	)
}
